<ion-view  title="运单详情">
  <ion-nav-buttons side="left">
    <button class="button back-button buttons icon ion-ios-arrow-left button-clear header-item" nav-direction="back" ng-click="myGoBack()">返回</button>
  </ion-nav-buttons>

  <ion-tabs class="tabs-icon-top tabs-stable tabs-color-positive">
    <ion-tab title="详情" icon-on="ion-ios-chatbubble" icon-off="ion-ios-chatbubble-outline" on-select="selectTab()">
      <ion-view>
        <ion-content>
          <ion-refresher
              pulling-text="下拉刷新..."
              on-refresh="doRefresh()">
          </ion-refresher>
          <div class="ydxq-title">
            <i>承运单号:</i>
            <i>{{CydDetailData.cydh}}</i>
          </div>
          <div class="ydList card list">
            <label class="item item-input">
              <i class="input-label">物流公司:</i>
              <i>{{CydDetailData.dwmc}}</i>
            </label>
            <label class="item item-input">
              <i class="input-label">承运日期:</i>
              <i>{{CydDetailData.cyrq}}</i>
            </label>
            <label class="item item-input">
              <i class="input-label">承运状态:</i>
              <i>{{cyzt}}</i>
            </label>
            <label class="item item-input">
              <i class="input-label">运输线路:</i>
              <p ng-if="CydDetailData.shbmmc!=''&&CydDetailData.mdd==''">{{CydDetailData.lrbmmc}}<i class="ion-minus" style="font-size: 16px"></i><i class="ion-arrow-right-c" style="font-size: 16px"></i> {{CydDetailData.shbmmc}}</p>
              <p ng-if="CydDetailData.shbmmc==''&&CydDetailData.mdd!=''">{{CydDetailData.lrbmmc}}<i class="ion-minus" style="font-size: 16px"></i><i class="ion-arrow-right-c" style="font-size: 16px"></i> <span style="color: #62C847;">{{CydDetailData.mdd}}</span></p>
              <p ng-if="CydDetailData.shbmmc!=''&&CydDetailData.mdd!=''">{{CydDetailData.lrbmmc}}<i class="ion-minus" style="font-size: 16px"></i><i class="ion-arrow-right-c" style="font-size: 16px"></i> {{CydDetailData.shbmmc}}<i class="ion-minus" style="font-size: 16px"></i><i class="ion-arrow-right-c" style="font-size: 16px"></i><span style="color: #62C847;">{{CydDetailData.mdd}}</span></p>
            </label>
            <label class="item item-input">
              <i class="input-label">送货方式:</i>
              <i>{{shfs}}</i>
            </label>
          </div>

          <div class="ydxq-title">发货信息</div>
          <div class="ydList card list ">
            <label class="item item-input">
              <i class="input-label">发货人:</i>
              <i>{{CydDetailData.fhrmc}}</i>
            </label>
            <label class="item item-input" ng-click="callPhone(CydDetailData.fhrdh)">
              <i class="input-label">发货电话:</i>
              <i class="ion-ios-telephone balanced" ng-if="CydDetailData.fhrdh!=''">{{CydDetailData.fhrdh}}</i>
            </label>
            <label class="item item-input" style="white-space: pre-wrap;height: auto">
              <i class="input-label">发货地址:</i>
              <i style="width: 63%;">{{CydDetailData.fhrdz}}</i>
            </label>
          </div>

          <div class="ydxq-title">收货信息</div>
          <div class="ydList card list ">
            <label class="item item-input">
              <i class="input-label">收货人:</i>
              <i>{{CydDetailData.shrmc}}</i>
            </label>
            <label class="item item-input" ng-click="callPhone(CydDetailData.shrdh)">
              <i class="input-label">收货电话:</i>
              <i class="ion-ios-telephone balanced" ng-if="CydDetailData.shrdh!=''">{{CydDetailData.shrdh}}</i>
            </label>
            <label class="item item-input" style="white-space: pre-wrap;height: auto">
              <i class="input-label">收货地址:</i>
              <i style="width: 63%;">{{CydDetailData.shrdz}}</i>
            </label>
          </div>

        </ion-content>
      </ion-view>
    </ion-tab>

    <ion-tab title="进程" icon-on="ion-ios-pulse-strong" icon-off="ion-ios-pulse" on-select="selectTab()">
      <ion-view>
        <ion-content>
          <ion-refresher
              pulling-text="下拉刷新..."
              on-refresh="doRefreshProcess()">
          </ion-refresher>
          <div class="track-rcol">
            <div class="track-list">
              <ul class="jindu">
               <li class="first">
                   <div class="time"><span class="span_blue">{{processFirst.czsj}}</span></div>
                   <div class="tubiao"></div>
                   <div class="txtblue">{{processFirst.bz}}</div>
               </li>
               <li ng-repeat="data in processData">
                <div class="time"><span>{{data.czsj}}</span></div>
                <div class="tubiao">
                  <div class="xian"></div>
                </div>
                <div class="txt">{{data.bz}}</div>
               </li>
              </ul>
            </div>
          </div>
        </ion-content>
        <ion-footer-bar style="height: 44px;padding: 10px;border-top:1px solid #b2b2b2;">
          <i style="font-size: 17px;">物流公司:</i>
          <i style="font-size: 17px;">{{CydDetailData.dwmc}}</i>
          <i style="font-size: 17px;margin-left: auto;">承运单号:</i>
          <i style="font-size: 17px">{{processFirst.cydh}}</i>
        </ion-footer-bar>
      </ion-view>
    </ion-tab>

    <ion-tab ng-if="CydDetailData.cyzt==20" title="定位" icon-on="ion-ios-navigate" icon-off="ion-ios-navigate-outline">
      <ion-view>
        <ion-content scroll="false" ng-controller="GPSLocationCtrl">
          <map id="map"></map>
        </ion-content>
      </ion-view>
    </ion-tab>
  </ion-tabs>
</ion-view>
